<template>
	<ul>
		<li v-for='show in show'>
				<router-link to=''>
				<div class="left">
					<img :src="show.poster.thumbnail" alt="">
				</div>
				<div class="right">
					<h5>{{show.name}}</h5>
					<p>{{show.intro}}</p>
					<p></p>
				</div>
			</router-link>
		</li>
	</ul>
</template>
<script>
	export default {
		data:function(){
			return {
				show:''
			}
		},
		mounted:function(){
			this.$store.commit('alter','即将上映')
			var that =this;
			$.get('http://10.20.159.13:3000/jijiang', function(res) {
                    // console.log(res)
                    that.show = res.data.films
                })
		}
	}
</script>
<style scoped>
li {
		width: 3.45rem;height: 1.25rem;box-sizing:border-box;
		border-bottom:dashed 1px rgb(201, 201, 201);padding:.2rem 0;
	}
	li a {
		display:block;display:flex;
	}
	li a .left {
		width: .6rem;height: .825rem;
		background:red;
	}
	li a .left img {
		width: 100%;height: 100%;
	}
	li a .right {
		padding:0 .15rem;
	}
	li a .right h5 {
		font-size:.16rem;color:#000;height: .32rem;line-height:.32rem;
		font-weight:0;position:relative;width: 2.09rem;
	}
	li a .right p:nth-child(2){
		height: .24rem;color:rgb(142, 142, 142);
		font-size:.12rem;line-height:.24rem;
	}
	li a .right p:nth-child(3){
		height: .24rem;color:rgbrgb(255, 179, 117);
		font-size:.12rem;line-height:.24rem;
	}
</style>